﻿@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */
 .clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}

/*home*/
.g-banner img{width: 100%;height: 555px;object-fit: cover;}
.g-banner ul li{float:left;}
.g-banner .prev,.g-banner .next{position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../images/home/slider-arrow.png)-110px 5px no-repeat;opacity: 0.5;}
.g-banner .next{left: auto;right: 3%;background-position: 8px 5px;}
.m-banner .headlines{top: 330px;}
.m-banner .headlines .box{float: left;width:338px;height:220px;background: rgba(255,255,255,0.8);padding: 20px;margin-right: 15px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.m-banner .headlines .box:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.m-banner .headlines .box .head-title{}
.m-banner .headlines .box .head-title img{float: left;}
.m-banner .headlines .box .head-title h4{float: left;font-size: 20px;font-weight: bold;color: #004d98;margin-left: 14px;}
.m-banner .headlines .box ul{margin-top: 15px;}
.m-banner .headlines .box ul li{line-height: 38px;background: url(../images/public/icon-list.png)no-repeat left center;padding-left: 15px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.main-listbox{padding: 20px 0;background: #f0f0f0;}
.main-listbox .listbox-panel{float: left;height: 295px;width:338px;background: #fff;margin-right: 15px;padding:20px 15px;transition: all 0.25s;}
.main-listbox .listbox-panel:hover{box-shadow: 9px 9px 4px rgb(0 0 0 / 12%);transition: all 0.25s;}
.main-listbox .listbox-panel:last-child{margin-right: 0;}
.base-link{line-height: 40px;box-sizing: border-box;border-bottom: 1p.m-link .list-switch1 ul lix solid #cfcccc;padding-bottom: 15px;}
.base-link .btn-group .u-active{color: #fff;background:#004d98;}
.base-link .btn-group a,.base-link .btn-group li{display: inline-block;width: 110px;height: 38px;line-height: 38px;font-size: 16px;text-align: center;border-radius: 5px;background: #f0f0f0;margin-right: 10px;color: #3d3d3d;}
.base-link .f-fr{color:#999999;font-size: 14px;}
.listbox-panel .data-wrap ul li{line-height: 54px;border-bottom: 1px dashed #ddd;background: url(../images/public/icon-list.png)no-repeat left center;padding-left: 15px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.listbox-panel .data-wrap ul li:last-child{border-bottom: none;}
.m-nav{height:70px;margin-top: 15px;overflow:hidden;}
.m-nav .tempWrap{width:1400px!important;}
.m-nav ul li{float: left;width: 220px;height: 70px;line-height: 70px;text-align: center;border: 1px solid #639fda;background: #fff;}
.m-nav ul li{margin-left:16px;}
.m-nav ul li img{vertical-align: middle;margin-right: 15px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.m-nav ul li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.m-nav ul li span{color: #639fda;}
.m-link{background: #fff;padding: 30px 0;}
.m-link .tit-switch1{display: flex;justify-content: center;}
.m-link .tit-switch1 ul li{float: left;width: 146px;height: 38px;line-height: 38px;background: #f0f0f0;color: #3d3d3d;text-align: center;border-radius: 5px;}
.m-link .tit-switch1 ul li+li{margin-left:25px;}
.m-link .tit-switch1 ul li.u-active{background:#004d98;color: #fff;}
.m-link .list-switch1 ul li{float: left;width: 12.5%;text-align: center;margin-top: 20px;}
.main-listbox .btn-group li{float:left;}


.u-report{margin:30px 10px;background-color: #fff;}
.u-report h4{line-height:50px;background:#144d88;color:#fff;text-align:center;font-weight:bold;font-size:18px;}
.u-report p{line-height:28px;margin-top:10px;}
.u-report p span{color:#144d88;font-weight:bold;}

.jubaobox{padding: 0 10px;}
.jubaobox p.jbtitle{text-align: center;}
.imgbox .f-fl,.imgbox .f-fr{width: 115px;height: 82px;background-color: #eaf4ff;text-align: center;padding-top: 10px;box-sizing: border-box;}
.imgbox p{font-size: 14px;color: #144d88;margin-top: 10px;}
.onebox>p:last-child{padding-bottom: 20px;border-bottom: 1px dashed #144d88;}
.onebox{margin-bottom: 20px;}
.u-report .jubaobox:last-child{padding-bottom: 20px;}
.imgbox{margin-top: 10px;}



/*media query*/
/*large pcScreen*/
@media (min-width:1280px) {
	
}
/*medium pcScreen lg*/
@media screen and (max-width: 1279px) {
	
}
@media screen and (max-width: 1200px) {
	.m-banner .headlines .box{width: 303px;}
	.main-listbox .listbox-panel{width: 303px;}
	.base-link .btn-group a{width: 100px;}
	.m-nav ul li{width: 143px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
	.hurdle-group{float: left;}
	.g-banner img{height: auto;}
	.m-banner .headlines{top: 0;position: relative;}
	.m-banner .headlines .box {width: 100%;border-bottom: 1px solid #ddd;}
	.m-banner .headlines .box:last-child{border-bottom: none;}
	.main-listbox .listbox-panel {width: 100%;margin-bottom: 20px;}
	.m-nav ul li{margin-bottom:15px;width:31%;margin-right:25px;}
	.m-nav ul li+li {margin-left: 0;}
	.m-nav ul li:nth-child(3),.m-nav ul li:nth-child(6){margin-right:0;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.m-nav ul li{width:30%;}
	.g-banner{display:none;}
}
/*small xs*/
@media screen and (max-width: 520px) {
	.m-nav ul li{width:46%;}
	.m-nav ul li:nth-child(3),.m-nav ul li:nth-child(6){margin-right:25px;}
	.m-nav ul li:nth-child(2),.m-nav ul li:nth-child(4),.m-nav ul li:nth-child(6){margin-right:0;}
	.m-link .list-switch ul li{width:25%;}
}
@media screen and (max-width: 410px){
    
}